/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See full license in root of repo. */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto; }

body {
  position: relative;
  font-size: 16px; }

main {
  height: 100%;
  overflow-y: auto; }

footer {
  width: 100%;
  position: relative;
  bottom: 0; }

p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

ul {
  padding: 0; }

.clearfix {
  display: block;
  clear: both;
  height: 0; }

.pointerCursor {
  cursor: pointer; }

.invisible {
  visibility: hidden; }

.undisplayed {
  display: none; }

.ms-Icon.enlarge {
  position: relative;
  font-size: 20px;
  top: 4px; }

.ms-firstrun-trial {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  height: 100%; }
  .ms-firstrun-trial__header {
    min-height: 220px;
    max-height: 300px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    padding: 20px 0; }
    .ms-firstrun-trial__header h2 {
      letter-spacing: 5px;
      margin-bottom: 20px; }
  .ms-firstrun-trial__title, .ms-firstrun-trial__subtitle {
    padding: 0 20px; }
  .ms-firstrun-trial__logo {
    height: 100%;
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    background: transparent no-repeat center center;
    background-size: contain;
    background-image: url("../../../../../../../../../assets/logo-background-geometric.png");
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center; }
    .ms-firstrun-trial__logo img {
      width: 40px;
      margin-right: 20px; }
    .ms-firstrun-trial__logo h1 {
      display: block; }
  .ms-firstrun-trial__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    height: 100%;
    -webkit-flex: 1 1 0;
            flex: 1 1 0;
    min-height: 250px;
    padding: 20px; }
    .ms-firstrun-trial__content--centered {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap; }
  .ms-firstrun-trial__list {
    list-style-type: none; }
    .ms-firstrun-trial__list li {
      margin-bottom: 20px; }
      .ms-firstrun-trial__list li i {
        position: relative;
        top: 2px;
        margin-right: 10px; }
  .ms-firstrun-trial__action--primary.ms-Button {
    -webkit-align-self: center;
            align-self: center;
    margin-top: 65px;
    border: solid 2px #FFFFFF;
    width: calc(100vw - 40px);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    transition: background ease 0.1s, color ease 0.1s; }
    .ms-firstrun-trial__action--primary.ms-Button span.ms-Button-label {
      color: #FFFFFF; }
    .ms-firstrun-trial__action--primary.ms-Button:active, .ms-firstrun-trial__action--primary.ms-Button:hover {
      background: #FFFFFF;
      color: #0078d7;
      cursor: pointer; }
    .ms-firstrun-trial__action--primary.ms-Button:active {
      background: #FFFFFF; }
    .ms-firstrun-trial__action--primary.ms-Button--disabled {
      opacity: 0.6;
      pointer-events: none;
      cursor: not-allowed; }
      .ms-firstrun-trial__action--primary.ms-Button--disabled:active, .ms-firstrun-trial__action--primary.ms-Button--disabled:hover {
        background: transparent; }
